<template>
    <div class="btns flex">
        <a-button :icon="h(CheckOutlined)"> 全部已读 </a-button>
        <a-button :icon="h(DeleteOutlined)"> 清空所有 </a-button>
    </div>
</template>

<script setup lang="ts">
import {h} from "vue";
import {DeleteOutlined, CheckOutlined} from "@ant-design/icons-vue";
</script>

<style scoped>
.btns {
    padding: 12px;
    justify-content: space-between;
}
</style>
